﻿body {
	background-color:White;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    min-width: 1000px;
    min-height:750px;
}

/*
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: 
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: the head-area
 */
#header {
    position:relative;
    background-color:#BBBBBB;
    border-color:red;
    border-style:solid;
	border-width:0px 0px 2px 0px;
	margin:0px;    
    width:auto;
    left:0px;
    top:0px;
    right:0px;
    z-index:100;
}

#headline {
    position:relative;
    background-color:transparent;
    left: 50%;
    width:1000px;
	margin-left:-500px;
    margin-top: 0;
    height:100px;
    
    text-decoration: none;
	z-index:200;
}

#headmiddle{
    position:absolute;
    top:0px;
    left:251px;
    font-size: 11px;
	width:350px;
	height:inherit;
	background-color:transparent;
	z-index:300;
}

#headpict {
    position:absolute;
    background-image:url(./nejoba_350_70.png);
    background-repeat:no-repeat;
    left:-120px;
	top:27px;
	width:350px;
	height:inherit;
	background-color:transparent;
	z-index:400;
}


/*
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: 
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: the main page cascading stuff
 */


#mainarea {
    position:relative;
    background-color:transparent;
    width:1000px;
    height:655px;
    left: 50%;
	margin-left:-500px;
    z-index:100;
}

#mainleft {
    position:absolute;
    top:0px;
    left:0px;
    margin:3px;
    padding:5px;
	width:594px;
	height:613px;
	
	background-color:transparent;
	z-index:400;
}

#mainright {
    position:absolute;
    top:0px;
    left:600px;
	width:400px;
	height:inherit;
	background-color:transparent;
	z-index:300;
}

#rightstatement {
    position:absolute;
    top:7px;
    left:10px;
    width:380px;
    height:150px;
    padding:3px;
    background-color:transparent;
}

#rightregister {
	position:absolute;
	top:280px;
	left:0px;
	width:inherit;
	height:300px;	
    background-color:transparent;
}


/*
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: 
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: the control design definitions
 */

/* widget layout for the register-part of the webform */
.registeritem {
	position:absolute;
	padding:3px;
	height:27px;
	width:400px;
}

.registerlable {
   position:absolute;
   font-size: 13px;
   top:5px;
   height: 17px;
   width:150px;
   text-align:right;
}

.registerinput {
   position:absolute;
   background:77F;
   left:160px;
   width: 230px;
   font-size: 13px;
   border: 1px solid #000;
   height: 20px;
}

.registerinfotext {
	position:absolute;
	padding:3px;
	left:10px;
	height:120px;
	width:400px;
}

.registerbutton
{
    position:absolute;
    font-size:medium; 
    margin-top:0px;
    left:157px;
    width:180px;
    height:40px;
}


/* widget layout for the login-part of the webform */
#lginctrl {
    position:absolute;
    top:100px;
    left:0px;
	width:400px;
	height:150px;
	background-color:transparent;
	z-index:300;
}

.loginitem {
	position:absolute;
	padding:1px;
	height:19px;
	width:340px;
}

.loginlable {
   position:absolute;
   font-size: 13px;
   top:5px;
   height: 17px;
   width:150px;
   text-align:right;
}

.logininput {
   position:absolute;
   background:77F;
   left:160px;
   width: 230px;
   font-size: 13px;
   border: 1px solid #000;
   height: 20px;
}

.loginremeber 
{
    position:absolute;
    font-size:smaller; 
    left:160px; 
    top:67px;
}

.loginvalidator{
   position:absolute;
   background:77F;
   left:400px;
   width: 10px;
   font-size: 23px;
   font-weight:bolder;
   height: 20px;
   color:Red;
}

.loginbutton
{
    position:absolute;
    font-size:medium; 
    margin-top:0px;
    left:157px;
    top:95px;
    width:180px;
    height:40px;
}

.statusmessage
{
    color:Red;
    font-size:13px;
    font-weight:bold;
}


/*
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: 
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: table displaying the available classifications
 */
#ewenmatrix 
{
    width:600px;
} 


#ewenmatrix td
{
    width:25%;
    height:117px;
    background-color:#CACACA;
}
#ewenmatrix td.alt
{
    width:25%;
    height:117px;
    background-color:#DADADA;
}    
#ewenmatrix td:hover 
{
    background-color:#DDDDDD;
}

#ewenmatrix td.alt:hover
{
    background-color:#FFDDDD;
}


.table_headitem {
    font-size:15px;
    font-weight:bold;
    color:Red;
}
.table_normalitem {
    font-size:13px;
    font-weight:normal;
    color:Black;
}

#tablenotes {
    position:absolute;
    width:590px;
    height:123px;
    margin:2px;
    padding:3px;
}

/*
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: 
 # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # #: the food with additional stuff like impressum, help about us.....
 */
#footarea {
    position:relative;
    background-color:#CFCFCF;
    color:Black;
    font-size:smaller;
    font-weight:bold;
    width:1000px;
    height:25px;
    left: 50%;
	margin-left:-500px;
}

.footer_lable{
	position:absolute;
	text-align:center;
	height:17px;
	width:100px;
	padding:3px;
    font-size:13px;
    font-weight:bold;
    
}

/* hidden text for hidden controls used unseen */
.thehidden { 
    font-size:0px; 
    color:#FFFFFF; 
    text-decoration:none; 
    display: none;
}


